<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://com.am.tag" prefix="ui"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ include file="../common.jsp" %>
<!doctype html>
<html>
  <head>
    <title>My JSP 'index.jsp' starting page</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script type="text/javascript" src="${path}/js/highcharts/highcharts.js"></script>
	<script type="text/javascript" src="${path }/js/jquery.easyui.min.js"></script>
	<script type="text/javascript">
		  $().ready(function(){
		 	 $("#container").highcharts({
		 		chart:{type:'column'},
		 		title:{text:'My first HighCharts chart'},
		 		xAxis:{categories:['my','first','chart']},
		 		yAxis:{title:{ext:'something'}},
		        plotOptions: {
		            column: {
		                stacking: 'normal',
		                dataLabels: {
		                    enabled: true,
		                    color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
		                }
		            }
		        },
		 		series:[{name:'Jane',data:[1,0,4]},{name:'John',data:[5,7,3]}]
		 	}); 
		 	
		 	/* $("#containerline").highcharts({
		 		chart:{type:'line'},
		 		title:{text:'My first HighCharts chart'},
		 		xAxis:{categories:['my','first','chart']},
		 		yAxis:{title:{ext:'something'}},
		 		series:[{name:'Jane',data:[1,0,4]},{name:'John',data:[5,7,3]}]
		 	}); */
		 	/* $("#containerpie").highcharts({
		 		title:{text:'My first HighCharts chart'},
	 			series:[{type:'pie',
            			name:'something',
            			data:[['Jane',25.0],['John',75.0]]
            	}]
		 	}); */
		 	
		 });
		 /*  window.onload = function(){
		 	document.getElementById("container").highcharts({
		 		chart:{type:'column'},
		 		title:{text:'My first HighCharts chart'},
		 		xAxis:{categories:['my','first','chart']},
		 		yAxis:{title:{ext:'something'}},
		 		series:[{name:'Jane',data:[1,0,4]},{name:'John',data:[5,7,3]}]
		 	});
		 }  */
	</script>

	<body>
		<div id="container" style="min-width:800px;height:400px"></div> 
		<!-- <div id="containerline" style="min-width:800px;height:400px"></div> -->
		<!-- <div id="containerpie" style="min-width:800px;height:400px"></div> -->
	</body>
  
</html>
